<template>
  <van-nav-bar title="手机社区" @click-left="onClickLeft">
    <template #left>
      <van-icon name="arrow-left" color="#666" />
    </template>
  </van-nav-bar>
  <!-- 标题 -->
 <div class="heZhen">
  <h3 class="heBiao">{{ CCID.biaoTI }}</h3>
  <van-divider />
  <div class="heyon">
    <!-- 左边头像 -->
    <div class="zbtx">
      <img
        :src="CCID.toX_img"
        alt=""
        style="width: 40px; height: 40px; border-radius: 50%"
      />
    </div>
    <!-- 右边用户名 -->
    <p class="ybyhm">{{ CCID.mZ }}</p>
    <!-- 右下边用户用的手机 -->
    <p class="yhsj">{{ CCID.shouJI }}</p>
    <!-- 更多 -->
    <div class="gd">
      <van-button round type="success">+关注</van-button>
    </div>
  </div>
  <div class="heWen">
    <p>日落跌进星河里留给山川湖海的着迷长夜繁星的欢喜</p>

    <p>日落跌进星河里留给山川湖海的着迷长夜繁星的欢喜</p>
    <p>这世间青山灼灼星光杳杳秋雨淅淅晚风慢慢</p>
    <p>星空迷 上了山野有 雾有灯也有归人</p>
    <p>冒银河用月色作饵晚风为杆垂钓落入你眼底的星光</p>
    <p>满天辉映的不止星 光还有你眼中的星河 鹭起</p>
    <p>你是黑夜里堕落的天使你携带着星河与光明救赎我</p>
    <p>
      付出的时候，都说自己是心甘情愿，但没有得到回报的时候，还是会忍不住计较。
    </p>
    <p>你携缓缓月色而来，雪也好似温柔弥漫</p>
    <p>听风与凤窃语，看漫天熠熠星辰</p>
    <p>
      你如初日暖阳缓缓升起在我心中荡起涟漪.愿此后余生我度朝你度暮共度朝朝暮暮
    </p>
    <p>
      夏天的晚风轻轻吹动窗台的帘子暮色朦胧躺着打会儿瞌睡舒适到差点就决定这样过一生
    </p>
    <p>良赴山河惊鸿宴窥月下广寒山</p>
    <p>如果你瞄准月亮即使迷失也是落在星辰之间</p>
    <p>我在黄昏上写了一封书信载着落日的余晖和银河的浪漫寄给你寄给温柔本身</p>
    <p>想和你走过风花雪月看尽苍山洱海</p>
    <p>想跌入漫天星河随黑夜隐退</p>
    <p>每朵云都下落不明每盏月亮都不知所踪</p>
    <p>跨过星河迈过月亮去迎接更好的自己</p>
  </div>
  <van-divider>正文结束</van-divider>
 </div>
  <van-action-bar>
  <van-action-bar-button type="danger" text="评论" color="#999" @click="onClickButton" />
  <van-action-bar-icon icon="share-o"  @click="onClickIcon" />
  <van-action-bar-icon icon="good-job-o"  @click="onClickIcon" />
  <van-action-bar-icon icon="star-o"  @click="onClickIcon" />
</van-action-bar>
</template>

<script>
import { useRoute } from 'vue-router';
export default {
  setup() {
    const onClickLeft = () => history.back();
    const route = useRoute()
    const CCID = route.query
    console.log(CCID);
    return {
      onClickLeft,CCID
    };
  },
};
</script>

<style lang="scss" scoped>
.heBiao {
  margin-left: 18px;
  margin-top: 18px;
  font-size: 18px;
  // color: #999;
  height: 30px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.heyon {
  height: 60px;
  display: flex;
  .zbtx {
    margin-left: 15px;
    margin-top: 10px;
  }
  .ybyhm {
    height: 25px;
    font-size: 17px;
    margin-top: 7px;
    margin-left: 7px;
  }
  .yhsj {
    margin-left: -66px;
    margin-top: 28px;
    font-size: 17px;
    color: #666;
  }
  .gd {
    height: 100px;
    margin-left: 150px;
    margin-top: 6px;
  }
}
.heWen{
  p{
    font-size: 16px;
  }
}
.heZhen{
  margin-bottom: 50px;
}
</style>